@media (max-width: 768px) {
	::-webkit-scrollbar {
		width: 0px;
		border-radius: 10px;
		display: none;
	}

	.mousefollower {
		opacity: 0;
	}

	nav {
		padding: 3% 4%;
	}

	.logo {
		display: none;
	}

	.mob-logo {
		display: block;
		transform: none;
	}

	.hide {
		display: none;
	}

	.dark1 p {
		transform: translate(20px, -60px);
	}

	.dark5 p {
		font-size: 45px;
		transform: translate(-20px, -50px);
	}

	/* Navbar */
	nav {
		display: none;
	}
	.responsive-nav {
		width: 98%;
		padding: 0 1%;
		display: flex;
		/* position: relative; */
		position: fixed;
		z-index: 997;
		flex-grow: 0;
		/* background-color: #dadada; */
		background-color: rgba(218, 218, 218, 0.748);
		height: 25vw;
		margin-top: 0.2vw;
		border-radius: 10px;
		backdrop-filter: blur(5px);
	}

	.nav-links-wrapper {
		height: 100%;
		width: 50%;
		display: flex;
		/* justify-content: space-between; */
		padding: 2vw;
		gap: 7vw;
	}

	.nav-links-wrapper .nav-links {
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 11px;
	}
	.nav-links a {
		font-size: 5vw;
	}
	.logo {
		display: flex;
		align-items: flex-end;
	}
	.logo-responsive {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 50%;
		padding-right: 8vw;
	}

	/* Navbar Ends*/
	.nav-responsive {
		display: block;
		height: 10%;
		/* background-color: red; */
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-top: 2vw;
		padding-left: 1vw;
		font-family: "Space Mono";
	}
	.nav-responsive .logo-phone {
		display: flex;
		align-items: center;
		height: 100%;
		padding-top: 6vh;
	}
	.contact-link {
		position: relative;
		text-decoration: none;
		color: #000;
	}
	.contact-link::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -1px;
		width: 95%;
		height: 1px;
		background-color: white;
		margin-left: 0.1vh;
	}
	.nav-responsive a {
		text-decoration: none;
		color: white;
		font-size: 5vw;
	}
	.heroSection {
		height: 100vh;
		width: 92%;
		border-bottom: 1px solid #b8b7b7;
		margin: auto;
	}
	.hero-tagline {
		margin-top: 9vw;
		padding: 4vw;
		margin-left: 7vw;
	}
	.hero-text {
		display: none;
	}

	.hero-text-responsive {
		position: relative;
		line-height: 2vw;
	}
	.hero-text .heading {
		display: none;
	}
	.hero-video {
		position: relative;
		height: 50vh;
		width: 98vw;
		top: 26%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: 5vw;
	}
	.hero-video video {
		position: relative;
		height: 100%;
		width: 98%;
	}

	.hero-text-responsive {
		display: flex;
		flex-direction: column;
		/* margin-top: 21vw; */
		/* background-color: red; */
		height: 60vw;
		width: 100%;
		padding-left: 4vw;
		position: relative;
		justify-content: center;
		/* border: 1px solid yellow; */
	}

	.hero-text-responsive h1 {
		display: flex;
		flex-direction: column;
		color: #e4e1d9;
		/* transform: translateY(100px); */
		text-transform: uppercase;
		/* font-family: molitor; */
		line-height: 16vw;
		font-weight: 900;
		margin-right: 16vw;
	}

	.hero-text-responsive h1:nth-child(1) {
		font-family: "Big Shoulders Text";
		font-size: 17vw;
		position: relative;
	}

	.hero-text-responsive h1:nth-child(2) {
		font-family: "Big Shoulders Text";
		font-size: 19.1vw;
		margin-top: -16vh;
	}

	.wrapper-seperate {
		display: flex;
		flex-direction: column-reverse;
		height: 22vh;
	}
	.circle-text svg {
		scale: 3.3;
		z-index: 1000;
		position: relative;
		margin-left: 10vw;
		margin-top: 31vw;
	}
	.circle-text i {
		color: white;
		opacity: 0.5;
		font-size: 30px;
		margin-top: 29vh;
		margin-left: 19vw;
	}

	#menuBtn {
		bottom: 0vh;
	}

	.menu {
		padding: 3vw 0;
	}

	.nav-head {
		width: 94.5%;
		gap: 2.5vw;
	}

	.navigation-head p {
		color: #c0cac9;
		font-size: 5.2vw;
		font-family: grotesk;
	}

	.closeBtn {
		display: flex;
		display: flex;
		justify-content: end;
		height: 12vw;
		width: 12vw;
	}
	.closeBtn img {
		width: 70%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.navigation-content {
		display: none;
	}

	.mobileNav-content {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 94.5%;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
	}

	.mobileNav-content .links {
		color: #c0cac9;
		font-size: 14.5vw;
		font-family: "Big Shoulders Text";
	}

	.hidden-link {
		color: #c0cac9;
		font-size: 14.5vw;
		font-family: "Big Shoulders Text";
	}

	.hiddenLinks {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transform: translateY(100%);
		display: flex;
		/* background-color: rgb(221, 103, 103); */
	}

	.col {
		flex: 1;
		font-family: "Big Shoulders Text";
		text-transform: uppercase;
	}

	.col1 {
		display: flex;
		align-items: start;
	}

	.col2 {
		display: flex;
		align-items: center;
	}

	.col3 {
		flex: 3;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		text-align: right;
		align-items: end;
	}

	.backBtn {
		color: #c0cac9;
		font-size: 7vw;
	}

	.col-link {
		display: flex;
		gap: 1vw;
		flex-direction: column;
	}

	.col-link a {
		color: #c0cac9;
		font-size: 7vw;
	}

	.socials {
		gap: 6vw;
	}

	.socials p {
		font-size: 5.2vw;
	}

	.links-left-right a {
		font-size: 4.3vw;
	}

	.links-division {
		gap: 4vw;
	}

	.links-left-right {
		gap: 0.5vw;
	}

	.links-division img {
		height: 2.2vw;
	}

	.logo-img {
		height: 20vw;
		width: 20vw;
	}

	.text-area,
	.text-area-hover {
		left: 19%;
		font-size: 22px;
		line-height: 220%;
	}

	.cursor-dot,
	.cursor-outline {
		display: none;
	}

	/* second section */

	.modelSlider {
		margin-top: 10vh;
		height: 54vh;
	}

	.sectionTitle h1 {
		padding-left: 0px;
		font-size: 36px;
	}

	.modelTitle {
		padding-left: 15px;
	}

	.slide-titles {
		width: 700vw;
		height: 100%;
		gap: 50px;
	}

	.title {
		width: 100px;
		height: auto;
		padding: 10px 0;
	}

	.title h1 {
		opacity: 0;
	}

	.active h1 {
		color: white;
		opacity: 1;
	}

	.slide-images {
		display: none;
	}

	.mobileSlideImages {
		display: block;
		width: 100vw;
		height: 280px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		pointer-events: all;
		opacity: 0.5;
	}

	.seperatorLine {
		width: 92%;
	}

	.heroSection .seperatorLine {
		display: none;
	}

	/* third section */
	.mobileThirdSection .seperatorLine {
		width: 100%;
		background-color: #b8b7b7;
	}

	.thirdSection {
		display: none;
	}

	.mobileThirdSection {
		display: block;
		width: 92%;
		margin: auto;
	}

	.mobileThirdSection .sectionTitle {
		margin-top: 16vw;
	}

	.mobileThirdSection .about {
		width: 100%;
		height: fit-content;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		/* gap: 50px; */
		margin: 0 auto 16vw auto;
		border-radius: 10px;
		overflow: hidden;
	}

	.mobileThirdSection .center {
		width: 100%;
		height: 100%;
		padding-left: 0px;
	}

	.information {
		width: 100%;
		gap: 30px;
	}

	#mobilePower,
	#mobileSpeed,
	#mobileTime {
		opacity: 1;
	}

	.infoTitle {
		padding-top: 50px;
		display: flex;
		gap: 30px;
		align-items: center;
	}

	.mobileVerticleBar1 {
		width: 2px;
		height: 10vw;
		background-color: orangered;
	}
	.mobileVerticleBar2,
	.mobileVerticleBar3 {
		width: 2px;
		height: 10vw;
		background-color: rgb(80, 74, 69);
	}

	.information h1 {
		line-height: 1;
		font-size: 10vw;
		color: rgb(80, 74, 69);
	}

	.para {
		font-size: 18px;
		letter-spacing: 1px;
		font-family: "Big Shoulders Text";
		color: white;
	}

	.banner {
		display: block;
		width: 100%;
		height: 380px;
		position: relative;
		border-radius: 10px;
		text-align: right;
		overflow: hidden;
	}
	.banner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.overlay3 {
		left: 0;
		bottom: 0;
		width: 100%;
		height: 40%;
		background: linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.726) 50%,
			rgba(0, 0, 0, 1) 100%
		);
		position: absolute;
		padding: 5px 10px 0 10px;
		display: flex;
		justify-content: space-between;
		padding-top: 10%;
		align-items: start;
	}

	.overlay3 .topic h1 {
		font-size: 21px;
		color: rgb(206, 206, 206);
	}
	.overlay3 .topic p {
		font-size: 18px;
		color: rgb(121, 121, 120);
	}

	/* .info{
        width: 400px;
        gap: 130px;
    } */

	.info button {
		padding: 16px 75px;
		font-size: 14px;
	}

	.fourthSection {
		width: 92%;
		height: 50vh;
		margin: 17vw auto;
		overflow: hidden;
	}

	.info h1 {
		text-align: center;
		font-size: 35px;
		position: relative;
		z-index: 5;
		font-family: "Syne", sans-serif;
		color: white;
	}

	.info button {
		padding: 12px 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		border-radius: 10px;
		font-size: 16px;
	}

	.fifthSection {
		display: none;
	}

	.mobileFifthSection {
		display: flex;
		height: fit-content;
		flex-direction: column; /* just for now */
		width: fit-content;
		overflow: auto;
		position: relative;
		width: 92%;
		margin: 18vw auto;
		gap: 14vw;
	}

	.fifth-title {
		display: flex;
		position: sticky;
		gap: 20px;
		top: 0;
		left: 0;

		flex-direction: column;
		align-items: start;
	}

	.fifth-title h4 {
		font-size: 4.2vw;
		font-family: "Syne";
		color: rgb(161, 156, 156);
	}

	.fifth-title h1 {
		text-align: left;
		color: white;
		font-size: 11vw;
		font-weight: 900;
		line-height: 100%;
		font-family: "Space Mono";
	}

	.cardContainer {
		display: flex;
		align-items: center;
		gap: 8vw;
		width: fit-content;
		overflow-x: auto;
		height: fit-content;
	}

	/* .cardContainer::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
    }

    .cardContainer::-webkit-scrollbar-thumb {
        background-color: #888;
        border-radius: 10px;
      }
      
      .cardContainer::-webkit-scrollbar-thumb:hover {
        background-color: #555;
      }

      .scrollable-container::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
      } */

	.newsCard {
		width: 82vw;
		height: 85vh;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 50px;
		justify-content: space-between;
		overflow: hidden;
	}

	.description {
		gap: 5.5vw;
	}

	.description .no {
		color: white;
		font-family: "Syne";
		font-size: 4vw;
	}

	#date {
		font-size: 5vw;
		text-align: end;
		font-family: "Big Shoulders Text";
		font-weight: 700;
		color: rgb(194, 190, 190);
	}

	.description h1 {
		font-size: 7.75vw;
	}

	.description p {
		font-size: 4.5vw;
	}

	.sixthSectionDesktop{
		display: none;
	}

	.sixthSection{
		display: block;
	}

	.sixthSection .seperatorLine h1 {
		padding-left: 0;
	}

	.container {
		padding: 13vw 0;
		gap: 8vw;
		width: 92%;
	}

	.sixthSection .title {
		font-size: 3vw;
		margin-bottom: 20px;
		text-align: right;
		float: right;
		width: 34%;
	}

	.text h1 {
		font-size: 22px;
		padding-left: 3px;
	}

	.text .num {
		font-size: 4.5vw;
		font-family: "Syne";
	}

	.content {
		padding-right: 0;
		margin-top: 4px;
	}

	.image-container {
		width: 100%;
		height: 200px;
		margin: auto;
		object-fit: cover;
		object-position: center;
	}
	.title-owner {
		font-size: 45px;
	}

	.title {
		font-size: 28px;
	}
	.header-top a {
		font-size: 4.2vw;
	}

	
	.header-top p{
		font-size: 8.5vw;	
	}
	.images {
		width: 246%;
	}

	.images img {
		animation: scroll1 4s linear infinite;
	}

}